<template>
    <div>
        <loading v-if="!creaProcess" loadingStyle="height: 400px;"></loading>
        <ul class="presListBox" v-else>
            <li class="clearfix presList" v-for="(item,i) in creaProcess" :key="i">
                <div class="presTime">
                    <div class="presTimeInfo clearfix">
                        <p class="presMonth">{{i.split("-")[1]}}</p>
                        <p class="presYear">{{i.split("-")[0]}}</p>
                    </div>
                </div>
                <ul class="presListChild">
                    
                    <li class="presListChildList" v-for="childItem in item" :key="childItem.id">
                        <router-link :to="'/'+typeUrl[childItem.type]+'/'+childItem.id">
                            <div class="presListChildListStatus">
                                {{typeTitle[childItem.type]}}
                            </div>
                            <div class="presListChildListImg">
                                <img :src="childItem.image" alt="">
                            </div>
                            <div class="presListChildListText">
                                {{childItem.title}}
                            </div>
                        </router-link>
                    </li>
                        
                </ul>
            </li>
                
        </ul>
        <div v-if="creaProcess&&creaProcess.length==0" class="contentNull">
          
        </div>
    </div>
</template>
<script>
import loading from '../loading';
export default {
    name:"creaProcess",
    data(){
        return{
            typeUrl:["","modeInfo","ModeInfoSu","modeInfoConstr","modeInfoConcept","modeInfoBudget"],
            typeTitle:["","3D模型","SU模型","施工图","概念方案","预算方案"],
            creaProcess:null,
        }
    },
    created () {
        axios.get("/usershow/"+this.$route.query.id+"/8/getusershow").then(response=>{
            this.creaProcess = response.data;
        })
    },
    components:{
        loading
    }
}
</script>
